<template>
	<view class="mask">
	
		<view class="box">
			<view class="top">
				<image class="level" src="https://wuyouzhuanapp.oss-cn-beijing.aliyuncs.com/FireAndFire/user/buyingMembership/13.png" mode=""></image>
				<view class="notice">恭喜开通会员成功！</view>
			</view>
			<view class="desc">
				恭喜您，开通会员成功，每月享有900张/
				每日享有30张的下载额度，请前往下载高
				清图片，感谢你的支持！
			</view>
			<view class="btn" @click="handle">
				我知道了
			</view>
				
		
		</view>
		
		</view>
	</view>
	
</template>

<script>
	export default {

		data() {
			return {

			}
		},
		methods: {
			handle() {
				this.$emit('cancelFn')
			}
		}
	}
</script>

<style lang="scss" scoped>
	.mask{
		padding-top: 76rpx;
	}
	.box {
		width: 654rpx;
		height: 445rpx;
		background: #282B4B;
		border-radius: 32rpx;
		margin: 0 auto;
		position: relative;
		/deep/ .u-drawer-center{
			bottom: inherit !important; 
		}
		.top{
			display: flex;
			.level{
				width: 217rpx;
				height: 219.42rpx;
				margin-top: -76rpx;
			}
			.notice{
				padding-top: 45rpx;
				font-size: 38rpx;
				font-family: Tomorrow, Tomorrow;
				font-weight: 400;
				color: #B6FF6D;
				line-height: 45rpx;
			}
		}
		.desc{
			font-size: 30rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 300;
			color: #FFFFFF;
			line-height: 35rpx;
			padding: 0 52rpx 44rpx 52rpx;
		}
		.btn{
			margin: 0 auto;
			width: 263rpx;
			height: 80rpx;
			border-radius: 70rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 34rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			color: #FFFFFF;
			line-height: 40rpx;
			background: #455FE8;
		}
	}
</style>
